import { Component } from 'react';
import SignupForm from './SignupForm';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import * as signupActions from '../../actions/signupActions';

class SignupPage extends Component {
  render () {
    return (
      <div className="row">
        <div className="col-md-3"></div>
        <div className="col-md-6">
          <SignupForm signupActions={ this.props.signupActions } />
        </div>
        <div className="col-md-3">
          SignupPage
        </div>
      </div>
    )
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    signupActions: bindActionCreators(signupActions, dispatch)
  }
}

export default connect(null, mapDispatchToProps)(SignupPage);